<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/index2.css">
    <link rel="stylesheet" href="../css/footer.css">
    <script src="../js/lesson.js"></script>

    <!--     <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>-->
</head>
<body>
    <div id="scorll">
        <div id="img">
            <img class="img_1" src="../jp/11.jpg" alt="">
            <img class="img_1" src="../jp/12.jpg" alt="">
            <img class="img_1" src="../jp/13.jpg" alt="">
        </div>
    </div>
    <div id="header">
        <div id="nav">
            <div id="logo_div">
                <h1>A.S Hair Salon</h1>
            </div>
            <div id="navul">
                <ul>
                    <li><a href="#">HOME</a></li>
                    <li><a href="#a1">WDB</a></li>
                    <li>
                        <a href=""><option>Desgin</option></a>
<!--                        <a href="#"><option>PRAGES</option></a>-->
<!--                        <a href="#"><option>PRAGES</option></a>-->
<!--                        <a href="#"><option>PRAGES</option></a>-->
                    </li>
                    <li><a href="#a5">WorksShow</a></li>
                    <li><a href="#">CONTACT</a></li>
                </ul>
            </div>
            <hr>
            <span id="span1">We designed it <br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspWorth having</span>
            <div id="div1">
                <input type="button" class="classbutton1" value="Products">
                <input type="button" class="classbutton2" value="联系我们">
            </div>
        </div>
    </div>
    <div id="mian">
        <!--顾客对我们的评价-->
        <div class="m_title">
            <span class="title" id="a1">We</span>
            <span class="title1">&nbsp&nbspDesign & Build</span>
           <div class="m_content">
               Integer pulvinar leo id viverra feugiat. Pellentesque libero ut justo, semper at tempus vel, ultrices in ligula. Lorem ipsum dolor sit amet sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
               <input type="button" class="buttonContent1" value="Read More">
           </div>
        </div>
        <div class="m_children1">
            <img src="http://demo.mxyhn.xyz:8020/cssthemes6/cpts_1992_fhz/images/ab.jpg" alt="" class="img1">
            <span class="m_children1_span1"><a href="#">We’re Changing the Way You Work with<br> Agencies</a></span>
            <div class="m_children1_div1"><p>Pellentesque convallis diam consequat magna vulputate malesuada. Cras a ornare elit. Nulla viverra pharetra sem,eget pulvinar neque pharetra ac.</p><p>
                Lorem Ipsum convallis diam consequat magna vulputate malesuada. Cras a ornare elit. Nulla viverra pharetra sem,eget pulvinar neque pharetra ac.</p>
                <input type="button" class="buttonContent2" value="Services Info">
            </div>
            <hr>
            <span class="sp2"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/cpts_1992_fhz/images/team4.jpg" alt=""></span>
            <span class="sp2"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/cpts_1992_fhz/images/team5.jpg" alt=""></span>
            <span class="sp2"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/cpts_1992_fhz/images/team6.jpg" alt=""></span>
        </div>
        <div class="m_children2" id="pro">
            <div class="as" id="heatas"></div>
            <div class="as" id="heatas1"></div>
            <!--商品精选-->
            <p id="p1">Products</p>
            <span class="sp3"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/cpts_1992_fhz/images/g1.jpg" alt="">
            </span>
            <span class="sp3"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/cpts_1992_fhz/images/g2.jpg" alt="" >
            </span>
            <span class="sp3"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/cpts_1992_fhz/images/g3.jpg" alt="">
            </span>
            <span class="sp3"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/cpts_1992_fhz/images/g4.jpg" alt="">
            </span>
            <span class="sp3"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/cpts_1992_fhz/images/g6.jpg" alt="">
            </span>
            <span class="sp3"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/cpts_1992_fhz/images/g5.jpg" alt="">
            </span>

        </div>
        <div class="m_children2" id="m_childrenAboutWorld">
            <div id="background"></div>
            <div class="background"></div>
            <!--夏季热度-->
            <p>Summer heat</p>
            <span class="sp3"><img src="https://assets.nightcherry.com/cms/upload/300075/5f315ed925ae4.png" alt="">
            </span>
            <span class="sp3"><img src="https://assets.nightcherry.com/cms/upload/300075/5f315ee5da39a.png" alt="">
            </span>
            <span class="sp3"><img src="https://assets.nightcherry.com/cms/upload/300075/5f315efbef1c9.jpg" alt="">
            </span>
            <span class="sp3"><img src="https://assets.nightcherry.com/cms/upload/300075/5f315f013e9bd.png" alt="">
            </span>
            <span class="sp3"><img src="https://www.faxingzhan.com/uploads/allimg/191125/77-191125134S90-L_330_220.jpg" alt="">
            </span>
            <span class="sp3"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/cpts_1992_fhz/images/g3.jpg" alt="">
            </span>
<!--            <input type="button" value="More" class="m_children1">-->
        </div>
        <div class="m_children2" id="m_childrenArther">
            <div class="as"></div>
            <p><a href="#" id="a5">WorksShow</a></p>
            <section class="sec">
                <div><img src="../jp/1.jpg" alt=""></div>
                <div><img src="../jp/2.jpg" alt=""></div>
                <div><img src="../jp/3.jpg" alt=""></div>
                <div><img src="../jp/4.jpg" alt=""></div>
                <div><img src="../jp/5.jpg" alt=""></div>
                <div><img src="../jp/6.jpg" alt=""></div>
                <div><img src="../jp/7.jpg" alt=""></div>
                <div><img src="../jp/8.jpg" alt=""></div>
                <div><img src="../jp/9.jpg" alt=""></div>
            </section>
        </div>
        <div id="footer">
            <div class="foot_t">
                <div id="zuo_boby">
                    <h2 id="ft_title">A.S Hair Salon</h2>
                    <p>Lorem Ipsum is simply text the printing and<br>typesetting standard industry.
                        Onec Consequat<br> sapien ut cursus rhoncus. Nullam dui mi,<br> vulputate ac metus.
                    </p>
                    <h3>Trusted by<span style="color: orange">500+ People</span></h3>
                    <img src="../jp/微信.webp" alt="" class="tubiao">
                    <img src="../jp/qq.webp" alt="" class="tubiao">
                </div>
            </div>
            <div class="foot_t">
                <div id="mid_boby">
                    <h4>Quick Links</h4>
                    <ul>
                        <li><a href="" class="lianjie">>>&nbspHome</a></li>
                        <li><a href="" class="lianjie">>>&nbspAbout Us</a></li>
                        <li><a href="" class="lianjie">>>&nbspSingle Page</a></li>
                        <li><a href="" class="lianjie">>>&nbspTeam</a></li>
                        <li><a href="" class="lianjie">>>&nbspContact Us</a></li>
                    </ul>
                </div>
            </div>
            <div class="foot_t">
                <div id="you_boby">
                    <h4>Contact Info</h4>
                    <p id="id1">地址:90 nsequursu dsdesdc, xxx Honey Street 049436.Newyork, NY.</p>
                    <p id="id2">电话:+1(12) 123 456 789</p>
                    <p id="id3">座机:+1(12) 123 456 789</p>
                    <p><a href="" class="lianjie">邮箱:123456789@qq.com</a></p>
                </div>
            </div>
        </div>
        </div>
    </div>

</body>
</html>